<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name=”renderer” content=”webkit”>
    <title>关中刀客在青岛</title>
    <meta name="keywords" content="关中刀客,关中刀客在青岛,喜欢音乐的程序猿,个人博客,web开发,前端技术博客">
    <meta name="description" content="夕阳无限好，黄昏又如何——作者31岁转行，本站是以前端技术为主的个人博客">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_880295_s7rtthy10q.css">
    <link rel="shortcut icon" href="img/favicon.ico">
    <link rel="stylesheet" href="assets/css/bootstrap-4.3.1.min.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body id="index">
    <div class="bgVideo">
        <h1 style="position: absolute;left: 99999px;display: none">关中刀客在青岛</h1>
    </div>
    <header hidden class="d-md-block">
        <h1 class="text-center">夕阳无限好，<br class=" d-md-none">黄昏又如何？</h1>
        <a href="http://e-art.top" class="logo" title="关中刀客在青岛">
            <img src="img/logo_v0.1_w.png" alt="logo">
        </a>
    </header>
    <main class="container">
        <div class="row top">
            <section class="col-md-4 item study">
                <h2 class="text-center">学习笔记</h2>
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="http://e-art.top/projects/css3Basics/"> CSS3基础
                            <object><a href="https://gitee.com/daoke0818/css_css3Basics" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                    </li>
                    <!--                <li class="list-group-item"><a href="http://e-art.top/projects/css3Practice"> CSS3练习</a></li>-->
                    <li class="list-group-item"><a href="http://e-art.top/projects/jsBasics/">js基础</a></li>
                    <li class="list-group-item"><a href="http://e-art.top/projects/jQueryBasics/">jQuery基础
                            <object><a href="https://gitee.com/daoke0818/Js_jQueryBasics" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a></li>
                    <li class="list-group-item">
                        <a href="http://e-art.top/projects/vueStudy_liuguodong/">vue(2.5.x)基础
                            <object><a href="https://gitee.com/daoke0818/Web_vueStudy_liuguodong" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                    </li>
                    <li class="list-group-item"><a href="page/notes.html">更多…</a></li>
                </ul>
            </section>
            <section class="col-md-4 item project">
                <h2 class="text-center">项目</h2>
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="http://e-art.top/projects/bigScreenCharts/">可视化大屏图表
                            <object><a href="https://github.com/daoke0818/pro_bigScreenCharts/" target="_blank"
                                       title="github上的源码"><i class="iconfont i-github_bg"></i></a></object>
                            <object><a href="https://gitee.com/daoke0818/pro_bigScreenCharts/" target="_blank"
                                       title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a>
                    </li>
                    <li class="list-group-item"><a href="https://www.e-art.top/projects/vue3Demo/">vue3图表</a></li>
                    <li class="list-group-item"><a href="http://e-art.top/projects/dingFuHuangZhuangHome/">定福黄庄的小窝
                            <object><a href="https://gitee.com/daoke0818/pro_dingFuHuangZhuangHome/" target="_blank"
                                    title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                        </a></li>
                    <li class="list-group-item"><a href="http://e-art.top/projects/baby_literacy/">阿洛识字
                        <object><a href="https://gitee.com/daoke0818/pro_baby_literacy" target="_blank"
                            title="github上的源码"><i class="iconfont i-github_bg"></i></a></object>
                 <object><a href="https://github.com/daoke0818/pro_baby_literacy" target="_blank"
                            title="码云上的源码"><i class="iconfont i-gitee_bg"></i></a></object>
                    </a></li>
                    <!-- <li class="list-group-item"><a href="https://www.e-art.top/projects/tcm-sheng-wu-zhong/">振荡中医生物钟疗法</a></li> -->
                    <li class="list-group-item"><a href="page/projects.html">更多…</a></li>
                    <!--                <li class="list-group-item disabled"><a href="">music++(挂起中。。。)</a></li>-->
                </ul>
            </section>
            <section class="col-md-4 item friends">
                <h2 class="text-center">小伙伴们</h2>
                <ul class="list-group">
                    <li class="list-group-item">
                        <a href="https://mp.weixin.qq.com/mp/appmsgalbum?action=getalbum&__biz=MzA4MTQ5ODcyOQ==&scene=1&album_id=2946782090388291590"
                            target="_blank">姑姑的乡土随笔</a>
                        <a href="https://blog.csdn.net/fuhtead" target="_blank">fuhtead的博客</a>
                    <li class="list-group-item">
                        <a href="https://www.zhihu.com/people/gemfield" target="_blank">Gemfield知乎</a>
                        <a href="https://www.zhangxinxu.com/" target="_blank">张鑫旭</a>
                    <li class="list-group-item">
                        <a href="https://www.cnblogs.com/coco1s/" target="_blank">ChokCoco</a>
                        <a href="https://www.dreamwings.cn" target="_blank">千千</a>
                        <a href="https://mp.weixin.qq.com/mp/appmsgalbum?action=getalbum&__biz=Mzg2NjU0MTE0NQ==&scene=1&album_id=2290595795202605063&count=3#wechat_redirect" target="_blank">王咚咚</a>
                    <li class="list-group-item">
                        <a href="http://www.ruanyifeng.com">阮一峰</a>
                        <a href="https://www.liaoxuefeng.com/">廖雪峰</a>
                        <a href="page/friendlyLink.html">更多…</a>
                </ul>
            </section>
        </div>
        <div class="row bottom">
            <section class="col-md-4 item link">
                <h2 class="text-center">常用网址</h2>
                <ul class="list-group">
                    <li class="list-group-item"><a href="https://www.zhihu.com">知乎</a></li>
                    <li class="list-group-item"><a href="https://weibo.com">新浪微博</a></li>
                    <li class="list-group-item"><a href="http://www.chinaw3c.org">w3C中国</a></li>
                    <li class="list-group-item"><a href="page/websites.html">更多…</a></li>
                </ul>
            </section>
            <section class="col-md-4 item life">
                <h2 class="text-center">代码之外</h2>
                <ul class="list-group">
                    <li class="list-group-item"><a href="https://music.163.com/#/djradio?id=350029457">我的电台</a></li>
                    <li class="list-group-item"><a
                            href="https://blog.csdn.net/daoke_li/category_9564564.html">古典音乐笔记</a></li>
                    <li class="list-group-item"><a
                            href="https://www.cnblogs.com/daoke0818/category/1645671.html">中医学习笔记</a></li>
                </ul>
            </section>
            <section class="col-md-4 item about">
                <h2 class="text-center">关于</h2>
                <ul class="list-group">
                    <li class="list-group-item"><a href="page/aboutBlog.html">博客介绍</a></li>
                    <li class="list-group-item"><a href="page/aboutMe.html">个人介绍</a></li>
                </ul>
            </section>
        </div>

    </main>
    <footer></footer>
    <!--兄弟，备案链接失效了，新的是：http://www.beian.miit.gov.cn
顺便申请个友链，贵站已添加：http://www.e-art.top/page/friendlyLink.html-->

    <!--
申请友链

站点名称： 关中刀客在青岛
站点地址： http://e-art.top
站点描述：夕阳无限好，黄昏又如何——31岁转行前端程序猿的博客(或站长根据印象随意写)
站点图标：http://localhost:1024/myWeb/img/logo_v0.1_w.png

贵站已添加：http://e-art.top/page/friendlyLink.html
-->

    <script src="assets/js/jquery-2.2.4.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(function () {
            if ($(window).width() >= 576) {
                $('.bgVideo').append(`
                <video muted autoplay class="d-md-block" loop src="video/SF_SutroBaths-4K_nimia_573584_768_ZH-CN.mp4"></video>
            `);
            }
        })
    </script>
</body>

</html>